<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>POS收单运营管理平台</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="<s:url value="/css/common.less"/>" type="text/less"
	rel="stylesheet" />
	<link href="<s:url value="/css/common.css"/>" type="text/css"
	rel="stylesheet" />

<script type="text/javascript"
	src="<s:url value="/js/jquery-1.3.2.js" />"></script>
<script type="text/javascript"
	src="<s:url value="/js/jquery-1.9.1.js" />"></script>
<script language="javascript" type="text/javascript"
	src="<s:url value="/js/My97DatePicker/WdatePicker.js"/>"></script>
<script type="text/javascript"
	src="<s:url value="/js/jquery.validate.js" />"></script>
<style type="text/css">

.error {
	color: red;
}

</style>
<script type="text/javascript">
var validator ;
function insVali () {
	validator.resetForm();
}
$(document).ready(function() {
	//检查是什么状态，更新或新增
	var flag="${flag}";
	if(flag=="update"){
		$("#areaForm").attr("action","<%=basePath%>/area/updateArea.ct");
	}
	// 字符最大长度验证（一个中文字符长度为2）
	jQuery.validator.addMethod("stringMaxLength", function(value,element, param) {
		var length = value.length;
		for ( var i = 0; i < value.length; i++) {
			if (value.charCodeAt(i) > 127) {
				length++;
			}
		}
		return this.optional(element) || (length <=param);
	}, $.validator.format("长度不能大于{0}!"));	
	
	validator = $("#areaForm").validate({
		debug:true,
		submitHandler : function(form) {
			$("#btnAdd").attr("disabled",true);
				form.submit();
		},
		success : function (label) {
			/* var name = label.attr("for");
			if (name == "areaForm_area_insCode") {
				$("label[for=areaForm_area_name]").remove();
			} */
		},
		rules : {
			"area.status" : {required : true},
			"area.orgType" : {required : true},
			/* "area.insCode" : {required : true,remote:{
				type:'post',
				url:'validateArea.ct',
				dataType: 'json',
				data:{
					"area.name":function(){
						return $('#areaForm_area_name').val();
					},
				"area.id": function(){
					return $("#objId").val();
				},
				"area.insCode" : function(){
					return $("#areaForm_area_insCode").val();
				}
			   }
			}
		}, */
			"area.remark1" : {digits   : true,remote:{
				type:'post',
				url:'valiareaCodeArea.ct',
				dataType: 'json',
				data:{
					"area.name":function(){
							return $('#areaForm_area_name').val();
						},
					"area.id": function(){
						return $("#objId").val();
					},
					"area.insCode" : function(){
						return $("#areaForm_area_insCode").val();
					},
					"area.remark1" : function(){
						return $("#areaForm_area_remark1").val();
					}
				}
			}
		},
			"area.name" : {required : true,stringMaxLength:30,remote:{
					type:'post',
					url:'validateArea.ct',
					dataType: 'json',
					data:{
						"area.name":function(){
								return $('#areaForm_area_name').val();
							},
						"area.id": function(){
							return $("#objId").val();
						},
						"area.insCode" : function(){
							return $("#areaForm_area_insCode").val();
						},
						"area.remark1" : function(){
							return $("#areaForm_area_remark1").val();
						}
					
					}
				}
			}																																	
		},
		messages : {
			"area.name" : {
					required : "*请输入区域名称",
					stringMaxLength : "*最多输入30个字符",
					remote: "*区域名称已存在"
					},
 			"area.remark1": { digits: "*只能输入整数",
 				              remote: "*区域编号已存在"
 				      },
			"area.status" : {required : "*必选"},				 
			"area.orgType" : {required : "*必选"}/* ,
			"area.insCode" : {required : "*请选择机构名称",remote: "*机构下区域名称已存在"}, */
		},errorPlacement: function(error, element) {
			/* if (element.attr("id") == "areaForm_area_insCode") {
				if ($("label[for=areaForm_area_name]")[0]) {
					$("label[for=areaForm_area_name]").html(error.html());
				}else{
					error.attr("for","areaForm_area_name");
					$("#areaForm_area_name").after(error);
				}
				return ;
			} */
			
		    if ( element.is(":radio") ) 
		        error.appendTo ( element.parent() ); 
		    else if ( element.is(":checkbox") ) 
		        error.appendTo ( element.parent() ); 
		    else if ( element.is("input") ) {
		    	error.appendTo ( element.parent() ); 
		    }
		    else 
		        error.insertAfter(element); 
		} 

	});
	
});


</script>
</head>
<body>
			<s:form id="areaForm" action="/area/addArea.ct" method="post"  theme="simple"  >
				<table width="100%" class="tb" >
			        <tr class="tb-line">
			            <td class="tb-td" colspan="6">
				            <div class="tb-h2">POS收单运营管理平台</div>
					   	</td>
			        </tr>
	               <tr class="tb-line bg-gray">
			            <td class="tb-td" colspan="4"><div class="tb-h3"><s:if test="#request.flag ==\"update\"">
			                	修改区域
			                	</s:if>
			                	<s:else>
			                	添加区域
			                	</s:else></div></td>
			        </tr>
					<tr class="tb-line">
				    	<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4">所属机构名称：</div>
			            </td>
                    <td class="tb-td">
                    <!--修改  -->
						<s:hidden id="objId" name="area.id" value="%{area.id}"></s:hidden>
						<s:hidden name="area.crtDt" value="%{area.crtDt}"></s:hidden>
                        <s:if test="#request.flag ==\"update\"">
                             <label class="tb-input-normal">
                             <s:textfield maxLength="200" theme="simple"  cssClass="queryWidth" disabled="true" value="%{area.insName}"></s:textfield>	
				              </label> 
							<s:hidden name="area.insCode" value="%{area.insCode}"></s:hidden>
		                </s:if>
						<s:else>
							<label class="tb-input-lengthen">
		             		<s:select cssClass="queryWidth" name="area.insCode" 
							onchange="javascript:insVali();"	list="orgCodeList" listKey="InsIdCd" listValue="InsName"/> 
<!-- 								      headerKey="" headerValue="--请选择--"/>  -->
								      <font color="red">*</font> 
							</label>
						</s:else>
							
						 	
						</td>
						<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4" id="title">区域名称：</div>
			            </td>
			            <td class="tb-td" >			             	
								<s:if test="#request.flag ==\"update\"">
								<label class="tb-input-lengthen">
								<s:textfield maxLength="100" theme="simple"   name="area.name" cssClass="queryWidth"  value="%{area.name}"></s:textfield>	
								</label>
								</s:if>
								<s:else>
								<label class="tb-input-lengthen">
			             		<s:textfield maxLength="100"  name="area.name"
									cssClass="queryWidth"    ></s:textfield>
								</label>
								</s:else>
								<font color="red">*</font>
						</td>
					</tr>
					
					<tr class="tb-line">					
				    	<td align="right" class="tb-td" style="width:110px;">
				        		<div class="tb-h4">状态：</div>
			            </td>
			            <td class="tb-td" >
			             		<s:radio 	name="area.status" list="#{'1':'解冻(正常)','0':'冻结' }"></s:radio>
						 </td>
						
						<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4" id="title">区域编码：</div>
			            </td>
			            <td class="tb-td" >			             	
								<s:if test="#request.flag ==\"update\"">
                                <label class="tb-input-normal"> 
								<s:textfield maxLength="3" theme="simple" disabled="true" name="area.remark1" cssClass="width:10px;"  value="%{area.remark1}"></s:textfield>	
								</label>
								<s:hidden  id ="remark1" name="area.remark1" value="%{area.remark1}"></s:hidden> 
								</s:if>
								<s:else>
								<label class="tb-input-normal">
								<s:textfield maxLength="100"  name="area.remark1" cssClass="queryWidth"    ></s:textfield>
								</label>
								</s:else>
<!-- 							 <font color="green">*请输入纯数字</font>  -->
						</td>
						</tr>	
				</table>		
		      <table width="100%" border="0" cellspacing="0" class="table">
		           	<tr class="tb-line">
						<td colspan="4" align="center"><span style="color: red"><s:actionerror /></span>
							<span style="color: red;"><s:actionmessage /></span > <span style="color: red;"><s:fielderror
									cssClass="fieldError" /></span>
							<span id="otherError"></span>
						</td>
					</tr>
					<tr class="tb-line">
			            <td class="tb-td line-submit" align="center" colspan="4">
			                <label class="tb-input-submit">		                
			                	<s:submit id="btnAdd" value="保  存" />								
							</label>
			                <label class="tb-input-submit">
								<input type="reset" value="取  消"/>
							</label>
							<label class="tb-input-submit">
								<input type="button" value="返回" onclick="history.back()"/>
							</label>
						</td>
					</tr>
            </table>
			</s:form>	
</body>
</html>
